<template>
    <view class="search">
        <view class="s-box1">
            <image src="../../static/iamges/msg2.png" mode=""></image>
            <text style="color: #ffffff; font-size: 25rpx">消息</text>
        </view>
        <view class="s-box2"  @click="goto">
            <view class="input">
               <view class="soushuo">
				   <image src="../../static/iamges/shouye-sousuo@2x.png" mode=""></image>
				  
			   </view> 
			    <view class="text">转账</view>
				<view class="huatong">
					<image src="../../static/iamges/suosuoinput.png" mode=""></image>
				</view>	
			
                
				
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    onLoad() {},
    methods: {
		goto(){
			uni.navigateTo({
				url:'/pages/search/search'
			})
		}
	},
};
</script>

<style  lang="scss" scoped  >
// @import '../static/icon/iconfont.css';
// @import url("../static/icon/iconfont.css");

.input1 {
    margin-right: 11pt;
    line-height: 78rpx;
}
.search {
    background-color: #ff4558;
    display: flex;
    padding: 0px 12pt;
    height: 40pt;
}
.s-box1 {
	box-sizing: border-box;
   
    width: 10%;
    height: 100%;
    margin-right: 15pt;
	padding-top:5px ;
}
.s-box1 image {
    width: 16pt;
    height: 16pt;
    text-align: center;
    margin-left: 2pt;
}
.s-box2 {
    box-sizing: border-box;
    padding-top: 5px;
    width: 318pt;
    height: 100%;
  
}
.input {
    background-color: #ffffff;
    border-radius: 35rpx;
    height: 80%;
	display: flex;
	
    padding: 0px 15pt;
    color: #ffb3ba;
	view{
		width: 33.33%;
		padding-top: 18rpx;
	}
	.text{
		margin-left: -120rpx;
	}
	.soushuo{
	
	
		
		box-sizing: border-box;
		image{
			width: 40rpx;
			height: 40rpx;
		}
	}
	.huatong{
		width: 50%;
	
		text-align: right;
	
		image{
			width: 30rpx;
			height: 40rpx;
		}
	}
}
</style>
